<template>
 <div class="border container d-flex flex-column " style="height: 680px;">
  <div class="row h-100">
    <div class="col p-5">
      <img style=" margin: auto" src="D:\vue _workspace\chat_platform\src\imgs\listen.svg"/>
      <h2 class="text-center mb-3">聊天室</h2>
      <p class="text-center">您可自由选择聊天室加入或者被邀请加入他人创建的聊天室</p>
    </div>
    <div class="col p-5">
      <img style=" margin: auto" src="D:\vue _workspace\chat_platform\src\imgs\people.svg"/>
      <h2 class="text-center mb-3">预约</h2>
      <b></b>
      <p class="text-center">学生可以预约老师线下讨论科创项目中的问题</p>
    </div>
    <div class="w-100"></div>
    <div class="col p-5">
      <img style=" margin: auto" src="D:\vue _workspace\chat_platform\src\imgs\wall.svg"/>
      <h2 class="text-center mb-3">科创项目</h2>
      <p class="text-center">科创项目信息汇总让所有师生信息对等，推动科创项目的开展</p>
    </div>
    <div class="col p-5">
      <img style=" margin: auto" src="D:\vue _workspace\chat_platform\src\imgs\airplane.svg"/>
      <h2 class="text-center mb-3">师生基本信息</h2>
      <p class="text-center">系统提供了所有的师生的基本信息便于您找到适合自己的队友</p>
    </div>
  </div>
</div>
</template>

<script setup>

</script>

<style scoped>

</style>